<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var num = 10;
        fun();

        function fun() {
            console.log(num);
            var num = 20;
        }

        //预解析相当于执行了下面的代码
        /* 
        var num;   //先提升变量 ，不带赋值的

        function fun() {     //函数提升
            var num ; //函数内部变量提升
            console.log(num);     //这里输出结果是undefined就近原则。
            num=20;
            
        }
        num=10;   //后面依次写下来
        fun();

         */
    </script>
</head>

<body>

</body>

</html>